<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maxmum-scale=1.0, minmum-scale=1.0, user-scaleble=0">
    <title>Document</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <header>
        <ul>
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
            <li><a href="#">打开京东APP，购物更轻松</a></li>
            <li><a href="#">立即打开</a></li>
        </ul>
    </header>
    <nav>
        <div class="wark">
        <div class="nav">  
           <ul>
               <li></li>
               <li></li>
               <li><input type="search" name="" id="" placeholder="dell台式机"></li>
           </ul>
        </div>
        </div>
    </nav>
    <article>
        <!-- 首页的背景春晚图 -->
        <div class="background">
            <!-- 装着一个动态图片的盒子 -->
            <div class="trans">
                <ul>
                    <li><a href="#"><img src="upload/59eab461d16420b2.jpg!cr_1053x420_4_0!q70.jpg" alt=""></a></li>
                </ul>
            </div>            
        </div>
        <div class="nav_picture">
            <ul>
                <li><a href="#"><img src="upload/563dd3890cdd42a4.png!q70.png" alt=""></a></li>
                <li><a href="#"><img src="upload/5285133668e77019.gif" alt=""></a></li>
                <li><a href="#"><img src="upload/0416823883466528.png!q70.png" alt=""></a></li>
            </ul>
        </div>
        <div class="holder">
            <!-- 京东商品导航栏 -->
            <ul class="nav_article">
                <li><a href="#"><img src="upload/ec560dbf9b82b90b.png!q70.png" alt=""><span>京东超市</span></a></li>
                <li><a href="#"><img src="upload/ccf74d805a059a44.png!q70.png" alt=""><span>数码电器</span></a></li>
                <li><a href="#"><img src="upload/758babcb4f911bf4.png!q70.png" alt=""><span>京东服饰</span></a></li>
                <li><a href="#"><img src="upload/a0d5a68bf1461e6d.png!q70.png" alt=""><span>京东生鲜</span></a></li>
                <li><a href="#"><img src="upload/37c65625d94cae75.png!q70.png" alt=""><span>京东到家</span></a></li>
                <li><a href="#"><img src="upload/d86d463521140bb6.png!q70.png" alt=""><span>充值缴费</span></a></li>
                <li><a href="#"><img src="upload/d15aa650a0ebe596.png!q70.png" alt=""><span>物流查询</span></a></li>
                <li><a href="#"><img src="upload/c5acd2f8454c40e1.png!q70.png" alt=""><span>领券</span></a></li>
                <li><a href="#"><img src="upload/38077313cb9eac4b.png!q70.png" alt=""><span>领津贴</span></a></li>
                <li><a href="#"><img src="upload/a7d6b66354efb141.png!q70.png" alt=""><span>PLUS会员</span></a></li>              
            </ul>
            <!-- 京东秒杀栏 141-->
            <div class="second">

            </div>
        </div>
    </article>
    
</body>
</html>